<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<style type="text/css">
		.pagination {
			display: inline-block;
			padding-left: 0;
			margin: 20px 0;
			border-radius: 4px;
		}

		.pagination>li {
			display: inline;
		}

		.pagination>li>a,
		.pagination>li>span {
			position: relative;
			float: left;
			padding: 6px 12px;
			line-height: 1.42857143;
			text-decoration: none;
			color: #337ab7;
			background-color: #fff;
			border: 1px solid #ddd;
			margin-left: -1px;
		}

		.pagination>li:first-child>a,
		.pagination>li:first-child>span {
			margin-left: 0;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
		}

		.pagination>li:last-child>a,
		.pagination>li:last-child>span {
			border-bottom-right-radius: 4px;
			border-top-right-radius: 4px;
		}

		.pagination>li>a:hover,
		.pagination>li>span:hover,
		.pagination>li>a:focus,
		.pagination>li>span:focus {
			z-index: 2;
			color: #23527c;
			background-color: #eeeeee;
			border-color: #ddd;
		}

		.pagination>.active>a,
		.pagination>.active>span,
		.pagination>.active>a:hover,
		.pagination>.active>span:hover,
		.pagination>.active>a:focus,
		.pagination>.active>span:focus {
			z-index: 3;
			color: #fff;
			background-color: #337ab7;
			border-color: #337ab7;
			cursor: default;
		}

		.pagination>.disabled>span,
		.pagination>.disabled>span:hover,
		.pagination>.disabled>span:focus,
		.pagination>.disabled>a,
		.pagination>.disabled>a:hover,
		.pagination>.disabled>a:focus {
			color: #777777;
			background-color: #fff;
			border-color: #ddd;
			cursor: not-allowed;
		}

		.pagination-lg>li>a,
		.pagination-lg>li>span {
			padding: 10px 16px;
			font-size: 18px;
			line-height: 1.3333333;
		}

		.pagination-lg>li:first-child>a,
		.pagination-lg>li:first-child>span {
			border-bottom-left-radius: 6px;
			border-top-left-radius: 6px;
		}

		.pagination-lg>li:last-child>a,
		.pagination-lg>li:last-child>span {
			border-bottom-right-radius: 6px;
			border-top-right-radius: 6px;
		}

		.pagination-sm>li>a,
		.pagination-sm>li>span {
			padding: 5px 10px;
			font-size: 12px;
			line-height: 1.5;
		}

		.pagination-sm>li:first-child>a,
		.pagination-sm>li:first-child>span {
			border-bottom-left-radius: 3px;
			border-top-left-radius: 3px;
		}

		.pagination-sm>li:last-child>a,
		.pagination-sm>li:last-child>span {
			border-bottom-right-radius: 3px;
			border-top-right-radius: 3px;
		}

		.pager {
			padding-left: 0;
			margin: 20px 0;
			list-style: none;
			text-align: center;
		}

		.pager li {
			display: inline;
		}

		.pager li>a,
		.pager li>span {
			display: inline-block;
			padding: 5px 14px;
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 15px;
		}

		.pager li>a:hover,
		.pager li>a:focus {
			text-decoration: none;
			background-color: #eeeeee;
		}

		.pager .next>a,
		.pager .next>span {
			float: right;
		}

		.pager .previous>a,
		.pager .previous>span {
			float: left;
		}

		.pager .disabled>a,
		.pager .disabled>a:hover,
		.pager .disabled>a:focus,
		.pager .disabled>span {
			color: #777777;
			background-color: #fff;
			cursor: not-allowed;
		}
	</style>
	<body>
		{include file='wap/header'}
		<div>
			<ul>
				{volist name='list' id='data'}
				<li><a href="dshow.html?id={$data.id}&cid={$data.cid}">{$data.title}</a></li>
				{/volist}
			</ul>
		</div>
		{$list|raw}
	</body>
</html>
